body {
  font-family: "微软雅黑";
}
* {
  padding: 0px;
  margin: 0px;
}
ul li {
  list-style: none;
}
.banner {
  width: 100%;
  height: 256px;
  background-image: url(../img/ba.jpg);
  background-repeat: repeat-x;
  position: relative;
  top: -21px;
  padding-right: 50px;
}
.banner .blogname {
  margin-left: 90px;
  margin-bottom: 20px;
}
.banner .title {
  margin-left: 90px;
}
.ba {
  width: 100%;
  height: 256px;
  background-image: url(../img/ba.jpg);
  background-repeat: repeat-x;
  position: relative;
  top: -21px;
  padding-left: 102px;
  padding-top: 20px;
}
.container {
  margin-top: 0;
}
ul {
  margin-top: 155px;
  margin-bottom: 10px;
}
.main-img {
  width: 80%;
  height: auto;
  margin: auto;
  text-align: center;
  padding-bottom: 10px;
}
.content .list {
  height: auto;
  display: flex;
  padding: 20px;
  border-bottom: 1px #ccc solid;
}
.row {
  margin-top: -142px;
}
.btn-primary {
  background-color: #C9302C;
  border-color: #C9302C;
}
.btn-primary:hover {
  background-color: #C9302C;
  border-color: #C9302C;
}
.sa {
  margin-top: -150px;
}
.word {
  position: relative;
  top: -85px;
}
.reply i:hover {
  color: #AC2925;
  cursor: pointer;
}
.list-group {
  padding-left: 0;
  margin-top: 190px;
}
#disscuss {
  position: relative;
  top: -110px;
}
#category {
  position: relative;
  top: -190px;
}
.rr {
  position: relative;
  top: -15px;
}
.rw {
  position: relative;
  top: -100px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #000;
}
.navbar-default {
  background-color: #CE8483;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-brand > img {
  display: block;
  width: 56px;
  height: 48px;
  margin-top: -14px;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #C9302C;
  border-color: #C9302C;
}
.media-left {
  display: table;
  vertical-align: top;
}
.container-fluid .sidebar {
  position: fixed;
  top: 54px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}
.container-fluid .sidebar .nav-sidebar {
  margin-right: -21px;
  margin-bottom: 20px;
  margin-left: -20px;
}
.container-fluid .sidebar .nav-sidebar .active > a {
  color: #fff;
  background-color: #428bca;
}
.table {
  position: relative;
  top: 175px;
}
.divider {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #C9302C;
  border-color: #C9302C;
}
@media (min-width: 768px) {
  .col-sm-9 {
    width: 63%;
  }
}
.col-sm-9 {
  position: static;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.btn-group {
  margin-top: 180px;
  text-align: center;
}
.btn-default.active {
  color: #fff;
  background-color: #C9302C;
  border-color: #C9302C;
}
.btn-default.active:hover {
  color: #fff;
  background-color: #C9302C;
  border-color: #C9302C;
}
